<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>sortTable.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
	<script type="text/javascript" src="../js/ext-base.js"></script>
	<script type="text/javascript" src="../js/ext-all-debug.js"></script>
	<script type="text/javascript" src="../js/ext-lang-zh_CN.js"></script>
	<script type="text/javascript" src="dragdrop.js"></script>
	<style>
	<!--
		HR{
			clear:both;
			visibility:hidden
		}
		.block{
			border:1px red solid;
			margin:10px;
			min-height:80px;
		}
		.item{
			border:1px green solid;
			background:green;
			float:left;
			margin:10px;
			width:50px;
			min-height:50px;
			text-align:center;
			height:50px;
			clear:both;
		}
	-->
	</style>
  </head>
  <body>
    <div id='proxy' class='item'>
    <div id='handle'>handle
    </div>
    </div><div id='proxy2' class='item'>item2</div><div id='proxy3' class='item'>item3</div>
    <hr/>
    <div id='target' class='block'>
    	<hr/>
    </div>
    
    <div id="dd-demo-canvas1">
    	<div id="dd-demo-canvas2">
    		<div id="dd-demo-canvas3">
    			<div id="dd-demo-1" class="dd-demo">
    				<div>1</div>
    			<div>
    			<div id="dd-demo-2" class="dd-demo">
    				<div>2</div>
    			<div>
    			<div id="dd-demo-3" class="dd-demo">
    				<div>3</div>
    			<div>
    		</div> 	
    	</div>
    </div>
  </body>
</html>
